import { createComponent } from "./create-component"

export const TableAnatomy = createComponent((props) => {
  const { palette, ...rest } = props
  return (
    <svg
      width={400}
      height={300}
      viewBox="0 0 400 300"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...rest}
    >
      <rect x={53} y={83} width={294} height={135} rx={6} fill={palette[3]} />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M71 132.5C71 130.015 73.0147 128 75.5 128H116.5C118.985 128 121 130.015 121 132.5C121 134.985 118.985 137 116.5 137H75.5C73.0147 137 71 134.985 71 132.5Z"
        fill={palette[15]}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M134 132.5C134 130.015 136.015 128 138.5 128H209.5C211.985 128 214 130.015 214 132.5C214 134.985 211.985 137 209.5 137H138.5C136.015 137 134 134.985 134 132.5Z"
        fill={palette[2]}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M227 132.5C227 130.015 229.015 128 231.5 128H262.5C264.985 128 267 130.015 267 132.5C267 134.985 264.985 137 262.5 137H231.5C229.015 137 227 134.985 227 132.5Z"
        fill={palette[2]}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M280 132.5C280 130.015 282.015 128 284.5 128H324.5C326.985 128 329 130.015 329 132.5C329 134.985 326.985 137 324.5 137H284.5C282.015 137 280 134.985 280 132.5Z"
        fill={palette[2]}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M71 153.5C71 151.015 73.0147 149 75.5 149H116.5C118.985 149 121 151.015 121 153.5C121 155.985 118.985 158 116.5 158H75.5C73.0147 158 71 155.985 71 153.5Z"
        fill={palette[15]}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M134 153.5C134 151.015 136.015 149 138.5 149H209.5C211.985 149 214 151.015 214 153.5C214 155.985 211.985 158 209.5 158H138.5C136.015 158 134 155.985 134 153.5Z"
        fill={palette[2]}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M227 153.5C227 151.015 229.015 149 231.5 149H262.5C264.985 149 267 151.015 267 153.5C267 155.985 264.985 158 262.5 158H231.5C229.015 158 227 155.985 227 153.5Z"
        fill={palette[2]}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M280 153.5C280 151.015 282.015 149 284.5 149H324.5C326.985 149 329 151.015 329 153.5C329 155.985 326.985 158 324.5 158H284.5C282.015 158 280 155.985 280 153.5Z"
        fill={palette[2]}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M71 174.5C71 172.015 73.0147 170 75.5 170H116.5C118.985 170 121 172.015 121 174.5C121 176.985 118.985 179 116.5 179H75.5C73.0147 179 71 176.985 71 174.5Z"
        fill={palette[15]}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M134 174.5C134 172.015 136.015 170 138.5 170H209.5C211.985 170 214 172.015 214 174.5C214 176.985 211.985 179 209.5 179H138.5C136.015 179 134 176.985 134 174.5Z"
        fill={palette[2]}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M227 174.5C227 172.015 229.015 170 231.5 170H262.5C264.985 170 267 172.015 267 174.5C267 176.985 264.985 179 262.5 179H231.5C229.015 179 227 176.985 227 174.5Z"
        fill={palette[2]}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M280 174.5C280 172.015 282.015 170 284.5 170H324.5C326.985 170 329 172.015 329 174.5C329 176.985 326.985 179 324.5 179H284.5C282.015 179 280 176.985 280 174.5Z"
        fill={palette[2]}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M71 195.5C71 193.015 73.0147 191 75.5 191H116.5C118.985 191 121 193.015 121 195.5C121 197.985 118.985 200 116.5 200H75.5C73.0147 200 71 197.985 71 195.5Z"
        fill={palette[15]}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M134 195.5C134 193.015 136.015 191 138.5 191H209.5C211.985 191 214 193.015 214 195.5C214 197.985 211.985 200 209.5 200H138.5C136.015 200 134 197.985 134 195.5Z"
        fill={palette[2]}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M227 195.5C227 193.015 229.015 191 231.5 191H262.5C264.985 191 267 193.015 267 195.5C267 197.985 264.985 200 262.5 200H231.5C229.015 200 227 197.985 227 195.5Z"
        fill={palette[2]}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M280 195.5C280 193.015 282.015 191 284.5 191H324.5C326.985 191 329 193.015 329 195.5C329 197.985 326.985 200 324.5 200H284.5C282.015 200 280 197.985 280 195.5Z"
        fill={palette[2]}
      />
      <rect x={53} y={83} width={294} height={27} fill={palette[7]} />
    </svg>
  )
})
